草庐IT

前端 PM

全部标签

前端:css less语法 /deep/ 深度影响的用法

css中通常会在style标签内添加 scoped 来避免父组件对子组件的影响,添加了之后只能修改当前组件的样式。这样做的原理是通过在打包的时候给每个样式都添加一个独一无二的hash值,从而避免父组件对子组件的样式的影响。添加后控制台显示的样式就会像这样:  设置了上述scoped的话,如果想要在父组件中修改子组件的样式时应该怎么样做呢?如果去掉scoped的话就会影响全局样式,但是加上scoped又不能在当前组件修改子组件的样式,这个时候就可以使用/deep/了。/deep/表示深度选择器用法: 注:除了/deep/以外,>>> 和 ::v-deep也可以实现同样的效果注意:/deep/只能

前端Vue自定义tabbar底部tabbar凸起tabbar兼容苹果刘海屏小程序和APP

前端Vue组件化开发:自定义tabbar组件的设计与实现  兼容苹果刘海屏小程序和APP摘要:随着前端开发技术的不断发展,组件化开发成为了提高开发效率和降低维护成本的有效手段。本文将介绍一款基于Vue的前端自定义tabbar组件的设计与实现,该组件具有单独开发、单独维护以及灵活组合的优点。通过结合业务特性的模块拆分策略、模块间的交互方式和构建系统等,来实现复杂业务场景下的高效开发。本文还将详细阐述tabbar组件的实现过程,包括设计思路、关键技术、性能优化及应用场景等方面的讨论。一、引言在前端开发中,界面的设计是至关重要的。一个美观、易用、稳定的底部tabbar可以极大地提升用户的使用体验。然

一名前端 Leader 的转正述职记录

背景一转眼,已经是2022年了。为了我爱的人,我决定离开北上广,去海口或者三亚过两年隐居的日子。最近翻了翻语雀,发现有一篇写于去年刚来公司转正的记录性文章。于是整理了一下,决定发出来,可能会给大家的成长带来一些帮助。以下是正文部分:转眼之间来公司已经三个多月了。虽然因表现突出,两个月前已经被提前转正,但是具体的转正流程都没有走。在HR的组织之下,我开始准备述职报告,这是公司的传统。转正述职会的参会人员共有5位:我。我的直属领导,也就是研发经理。技术中心负责人,也就是技术老大。HR。以及HRM,也就是人事的老大。我的述职共分为5块内容:试用期期间完成的成绩对岗位职责认知工作中问题的分析与改进下一

唯一客服系统源码独立部署版+前端VUE开源+客服uniapp源码+ChatGPT知识库安装配置详细教程...

唯一客服系统是一款基于GolangGin框架开发的在线客服系统,可以提供独立部署版,程序数据全部私有安装在自己服务器。访客咨询界面自适应响应式设计,完全可以适配于PC网站、移动端、APP内嵌等场景下。客服端提供PC后台管理,实时收到访客消息,实时与访客用户进行聊天交流。为了方便在手机上回复访客消息,专门使用uniapp开发客服端的助手程序,可以打包为h5和APP。客服端打包为H5后,可以与企业微信,微信公众号进行对接,非常方便的利用微信来收取消息提醒,并且随时进行回复。机器人服务,可以使用关键词自动回复,以及智能AI回复。对接ChatGPT并且可以提供专属私有知识上传功能,上传自己的知识让Ch

vue前端el-input输入 限制输入位数以及输入规则

vue前端el-input输入限制输入位数以及输入规则逻辑梳理代码前端兼容el-input输入时,仅允许输入负号、数字以及小数点,且限制整数位数以及小数位数,且不允许输入除第一个负号以外的其他符号逻辑梳理1、使用element-ui插件的el-input组件作为页面元素,为其绑定input事件(我这里是在表格里使用slot插入的inpu元素,所以传入参数使用scope传入)2、绑定输入事件,传参给工具函数,等待返回值返回3、传入参数从左到右依次为:输入框正在输入的值e整数部分最大输入位数限制intMax(number类型):控制最大输入几位,超过此值不可继续输入小数部分最大输入位数限制dotM

前端如何发布npm包以及开发vue插件教程

第一步注册npm账号,附上官网链接npm官网第二步初始化项目,执行如下指令:npminit根据命令行提示填写对应信息,不需要则直接回车,最后会根据你填写的信息生成对应的package.json文件。第三步在package.json同级目录下新建index.js文件。代码如下:exportdefault{install:(Vue,options)=>{//1.添加全局资源(自定义指令)Vue.directive('my-directive',{bind(el,binding,vnode,oldVnode){//逻辑...}})//2.注入组件选项Vue.mixin({})//3.添加实例方法或者

前端实现文件预览(pdf、excel、word、图片)

前端实现文件预览功能需求:实现一个在线预览pdf、excel、word、图片等文件的功能。介绍:支持pdf、xlsx、docx、jpg、png、jpeg。以下使用Vue3代码实现所有功能,建议以下的预览文件标签可以在外层包裹一层弹窗。图片预览 sandbox这个属性如果是单纯预览图片可以不使用,该属性对呈现在iframe框架中的内容启用一些额外的限制条件。属性值可以为空字符串(这种情况下会启用所有限制),也可以是用空格分隔的一系列指定的字符串。allow-scripts:允许嵌入的浏览上下文运行脚本(但不能创建弹窗)。如果没有使用该关键字,就无法运行脚本。allow-top-navigatio

【熬夜送书 | 第二期】清华社赞助 | 《前端系列丛书》

前端是什么?前端(Front-End),又称浏览器端、客户端等,是指Web应用程序中负责用户交互、界面展示和数据展示的部分。前端技术体系主要包括HTML、CSS和JavaScript等内容。其中,HTML(HypertextMarkupLanguage)是一种标记语言,用来描述网页的结构和内容;CSS(CascadingStyleSheets)是一种样式表语言,用来定义网页的外观和布局;而JavaScript是一种脚本语言,用来实现网页的交互和动态效果。作为用户与Web应用程序之间的接口,前端开发需要关注用户体验,并将设计师提供的视觉效果转化为网页的实际展示。前端开发近年来也发生了巨大的变化,

前端vue2、vue3去掉url路由“ # ”号——nginx配置

文章目录⭐前言⭐vue2中router默认出现#号💖在vue2项目中去掉💖在vue3项目中去掉⭐vue打包assetsPublicPathbase为绝对路径/💖vue2配置assetsPublicPath💖vue3配置base💖验证⭐nginx配置💖使用默认的nginx静态资源文件夹💖自定义静态资源文件夹⭐结束⭐前言大家好,我是yma16,本文分享关于vue2、vue3去掉url路由#号——nginx配置。html的hash模式HTML的hash模式指的是URL中的锚点部分(#后面的内容)被用于在单个页面中显示不同的内容,而不是导航到不同的页面。例如:https://example.com/#

【中兴】web训练营~一文带你走进前端 | 百图制作

📢作者简介:物联网领域创作者,🏅阿里云专家博主🏅🏅华为云享专家🏅✒️个人主页:Choice~🌐格言:可正因为难,才有价值!🔶🏫系列专栏:1️⃣C/C++2️⃣C和指针3️⃣Linux4️⃣数据结构与算法5️⃣JavaScript从入门到精通6️⃣101算法JavaScript描述💰文章目录1.介绍1.1开发语言1.2为什么选择这些?1.3为什么学?1.4是什么?2.HTML2.1.创建项目文件2.2.我的第一个网页3.HTML3.1.语法开始和结束闭合标签注释框架3.2.文字标题段落3.3.图片路径3.4.音频3.5.视频3.6.链接外链内链锚点我的网页设计1.介绍实训的项目为博雅互动企业网站